<template>
  <div>
    <el-row>
      <el-col :span="6">
        <div class="grid-content bg-purple">单位名称：</div>
      </el-col>
      <el-col :span="6">
        <div class="grid-content">
          <el-input readonly :value="agencyinfo.cname"></el-input>
        </div>
      </el-col>
      <el-col :span="6">
        <div class="grid-content bg-purple">许可证编号：</div>
      </el-col>
      <el-col :span="6">
        <div class="grid-content">
          <el-input readonly :value="agencyinfo.licence"></el-input>
        </div>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="6">
        <div class="grid-content bg-purple">单位负责人：</div>
      </el-col>
      <el-col :span="6">
        <div class="grid-content">
          <el-input readonly :value="agencyinfo.manager_name"></el-input>
        </div>
      </el-col>
      <el-col :span="6">
        <div class="grid-content bg-purple">填报日期：</div>
      </el-col>
      <el-col :span="6">
        <div class="grid-content">
          <el-date-picker v-model="now" style='width:100%;' format='yyyy-MM-dd HH:mm' readonly type="datetime" placeholder="选择日期时间">
          </el-date-picker>
        </div>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="6">
        <div class="grid-content bg-purple">填表人：</div>
      </el-col>
      <el-col :span="6">
        <div class="grid-content">
          <el-input v-model="userinfo.userName" readonly></el-input>
        </div>
      </el-col>
      <el-col :span="6">
        <div class="grid-content bg-purple">填表人手机号码：</div>
      </el-col>
      <el-col :span="6">
        <div class="grid-content">
          <el-input v-model="userinfo.phoneNum" readonly></el-input>
        </div>
      </el-col>
    </el-row>
  </div>
</template>
<script>
import { mapGetters } from 'vuex'
export default {
  computed: {
    ...mapGetters(['agencyinfo','userinfo']),
  },
  data() {
    return {
      now:new Date(),
    }
  },
  methods:{
  }
}
</script>
<style>


.bg-purple {
  background-color: #f0f8ff;
}
</style>
